<nav class="top-nav">
    <a href="#open-menu" id="toggle-menu" class="fa fa-bars"></a>
    <a href="<?=$GLOBALS['CONF']['url']['root']?>/index.php" class="brand-logo" title="Revolución Pelota"><i class="rp-sprite">Revoluci&oacute;n Pelota</i></a>
    <div class="off-canvas">
        <ul class="social-menu">
            <li><a href="https://www.facebook.com/RevolucionPelota" target="_blank"><i class="fa fa-facebook"></i></a></li><!--
         --><li><a href="https://twitter.com/RevPelota" target="_blank"><i class="fa fa-twitter"></i></a></li><!--
         --><li><a href="https://www.youtube.com/channel/UC-rJUd4G1OSi960mocsV3og" target="_blank"><i class="fa fa-youtube-play"></i></a></li><!--
         --><li><a href="http://instagram.com/revolucionpelota" target="_blank"><i class="fa fa-instagram"></i></a></li>
        </ul>
        <ul class="main-menu">
            <li><a href="<?=$GLOBALS['CONF']['url']['root']?>/index.php">HOME</a></li><!--
         --><li><a href="<?=$GLOBALS['CONF']['url']['root']?>/proyectos.php">PROYECTOS</a></li><!--
         --><li><a href="<?=$GLOBALS['CONF']['url']['root']?>/quienes-somos.php">QUIENES SOMOS</a></li><!--
         --><li class="brand-logo-desktop"><a href="<?=$GLOBALS['CONF']['url']['root']?>"><i class="rp-sprite">Revoluci&oacute;n Pelota</i></a></li><!--
         --><li><a href="<?=$GLOBALS['CONF']['url']['root']?>/dona-tu-pelota.php">DONA TU PELOTA</a></li><!--
         --><li><a href="<?=$GLOBALS['CONF']['url']['root']?>/blog/">BLOG</a></li><!--
         --><li><a href="<?=$GLOBALS['CONF']['url']['root']?>/contacto.php">CONTACTO</a></li>
        </ul>
    </div>
</nav>
